export const config = {
  options1: {
    series: [
      {
        name: "Sales",
        data: [4, 3, 10, 9, 29, 19, 22, 9, 12, 7, 19, 5, 13, 9, 17, 2, 7, 5],
      },
    ],
    chart: {
      height: 300,
      type: "line",
      toolbar: {
        show: false,
      },
      zoom: {
        enabled: false,
      },
    },
    stroke: {
      width: 5,
      curve: "smooth",
    },
    xaxis: {
      type: "datetime",
      categories: [
        "1/11/2000",
        "2/11/2000",
        "3/11/2000",
        "4/11/2000",
        "5/11/2000",
        "6/11/2000",
        "7/11/2000",
        "8/11/2000",
        "9/11/2000",
        "10/11/2000",
        "11/11/2000",
        "12/11/2000",
        "1/11/2001",
        "2/11/2001",
        "3/11/2001",
        "4/11/2001",
        "5/11/2001",
        "6/11/2001",
      ],
      axisBorder: {
        show: false,
      },
      axisTicks: {
        show: false,
      },
    },
    legend: {
      show: false,
    },
    tooltip: {
      enabled: false,
    },
    grid: {
      show: false,
    },
    yaxis: {
      axisBorder: {
        show: false,
      },
    },
    fill: {
      type: "gradient",
      gradient: {
        shade: "dark",
        // gradientToColors: ["#FDD835"],
        type: "horizontal",
        colorStops: [
          {
            offset: 0,
            color: "#fe719a",
            opacity: 1,
          },
          {
            offset: 15.15,
            color: "#d386ff",
            opacity: 1,
          },
          {
            offset: 71.46,
            color: "#6dc2ff",
            opacity: 1,
          },
          {
            offset: 91.89,
            color: "#43e2d4",
            opacity: 1,
          },
        ],
      },
    },
  },
  options2: {
    series: [
      {
        name: "Inflation",
        data: [21, 22, 10, 28, 16, 21, 13, 30, 21, 22, 10, 28, 16, 21, 13, 30],
      },
    ],
    plotOptions: {
      bar: {
        columnWidth: 25,
        borderRadius: 5,
        distributed: true,
        dataLabels: {
          position: "top", // top, center, bottom
        },
      },
    },
    chart: {
      height: 300,
      type: "bar",
      stacked: false,
      toolbar: {
        show: false,
      },
      zoom: {
        enabled: false,
      },
    },
    stroke: {
      width: 0,
      curve: "smooth",
    },
    xaxis: {
      categories: [
        "Feb",
        "Apr",
        "Jun",
        "Aug",
        "Oct",
        "Dec",
        "Feb",
        "Apr",
        "Feb",
        "Apr",
        "Jun",
        "Aug",
        "Oct",
        "Dec",
        "Feb",
        "Apr",
      ],
      axisBorder: {
        show: false,
      },
      axisTicks: {
        show: false,
      },
    },
    yaxis: {
      axisBorder: {
        show: false,
      },
    },
    legend: {
      show: false,
    },
    dataLabels: {
      enabled: false,
    },
    tooltip: {
      enabled: false,
    },
    grid: {
      show: false,
    },
    fill: {
      type: "gradient",
      gradient: {
        shade: "dark",
        // gradientToColors: ["#FDD835"],
        // type: "horizontal",
        type: "vertical",
        colorStops: [
          {
            offset: 0,
            color: "#43e2d4",
            opacity: 1,
          },
          {
            offset: 15.15,
            color: "#6dc2ff",
            opacity: 1,
          },
          {
            offset: 71.46,
            color: "#d386ff",
            opacity: 1,
          },
          {
            offset: 91.89,
            color: "#fe719a",
            opacity: 1,
          },
        ],
      },
    },
  },
};
